<!Doctype html>
<html>
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
	<meta name="viewport" content="width=device-width, initial-scale=1.0" />
	<title>2.3.1 TextView(文本框)详解 | 菜鸟教程</title>

  <meta name='robots' content='max-image-preview:large' />
<link rel='stylesheet' id='classic-theme-styles-css' href='../0/classic-themes.min.css?ver=6.2' type='text/css' media='all' />
<link rel="canonical" href="../w3cnote/android-tutorial-textview.html" />
<meta name="keywords" content="2.3.1 TextView(文本框)详解">
<meta name="description" content="本节引言：  学习完Android中的六大布局，从本节开始我们来一个个讲解Android中的UI控件，本节给大家带来的UI控件是：TextView(文本框)，用于显示文本的一个控件，另外声明一点，我不是翻译API文档，不会一个个属性的去扣，只学实际开发中常用的，有用的，大家遇到感觉到陌生的属性可以查询对应的API！当然，每一节开始都会贴这一节对应API文档的链接：TextView API 好了，在开始本节内容前，先要介绍下几个单位：  ..">
		
	<link rel="shortcut icon" href="https://static.runoob.com/images/favicon.ico">
	<link rel="stylesheet" href="../0/style.css?v=1.170" type="text/css" media="all" />	
	<link rel="stylesheet" href="../0/font-awesome.min.css" media="all" />	
  <!--[if gte IE 9]><!-->
  <script src=""></script>
  <!--<![endif]-->
  <!--[if lt IE 9]>
     <script src=""></script>
     <script src=""></script>
  <![endif]-->
  <link rel="apple-touch-icon" href="https://static.runoob.com/images/icon/mobile-icon.png"/>
  <meta name="apple-mobile-web-app-title" content="菜鸟教程">
</head>
<body>

<!--  头部 -->
<div class="container logo-search">

  <div class="col search row-search-mobile">
    <form action="index.php">
      <input class="placeholder" placeholder="搜索……" name="s" autocomplete="off">
      
    </form>
  </div>

  <div class="row">
    <div class="col logo">
      <h1><a href="../">菜鸟教程 -- 学的不仅是技术，更是梦想！</a></h1>
    </div>
        <div class="col right-list"> 
    <button class="btn btn-responsive-nav btn-inverse" data-toggle="collapse" data-target=".nav-main-collapse" id="pull" style=""> <i class="fa fa-navicon"></i> </button>
    </div>
        
    <div class="col search search-desktop last">
      <div class="search-input" >
      <form action="//www.runoob.com/" target="_blank">
        <input class="placeholder" id="s" name="s" placeholder="搜索……"  autocomplete="off" style="height: 44px;">
      </form>
      
      </div>
    </div>
  </div>
</div>



<!-- 导航栏 -->
<div class="container navigation">
    <div class="row">
        <div class="col nav">
            

                        <ul class="pc-nav" id="note-nav">
                <li><a href="../">首页</a></li>
                <li><a href="../w3cnote">笔记首页</a></li>
                <li><a href="../w3cnote/android-tutorial-intro.html" title="Android 基础入门教程">Android</a></li>
                <li><a href="../w3cnote/es6-tutorial.html" title="ES6 教程">ES6 教程</a></li>
                <li><a href="../w3cnote/ten-sorting-algorithm.html" title="排序算法">排序算法</a></li>
                <li><a href="../w3cnote/hadoop-tutorial.html" title="Hadoop 教程">Hadoop</a></li>
                <li><a href="../w3cnote/zookeeper-tutorial.html" title="Zookeeper 教程">Zookeeper</a></li>
                <li><a href="../w3cnote/verilog-tutorial.html" title="Verilog 教程">Verilog</a></li>
                <li><a href="../w3cnote_genre/code" title="编程技术">编程技术</a></li> 
                <li><a href="../w3cnote_genre/coderlife" title="程序员人生">程序员人生</a></li>
                
                <!--<li><a href="javascript:;" class="runoob-pop">登录</a></li>
                
                
                        <li>
                <a style="font-weight:bold;" href="../linux/linux-tutorial.html#yunserver" target="_blank" onclick="_hmt.push(['_trackEvent', 'aliyun', 'click', 'aliyun'])" title="kkb">云服务器</a>
                </li>
                <li><a href="http://gk.link/a/104mQ" target="_blank" style="font-weight: bold;"onclick="_hmt.push(['_trackEvent', '极客时间', 'click', 'jike'])" title="我的圈子">极客时间</a></li>
            
                
                <li><a target="_blank" href="../shoppinglist" rel="nofollow">知识店铺</a></li> 
        -->
            </ul>
                        
              
            <ul class="mobile-nav">
                <li><a href="../w3cnote">首页</a></li>
                <li><a href="../w3cnote_genre/android" target="_blank" title="Android 基础入门教程">Android</a></li>
                <li><a href="../w3cnote/es6-tutorial.html" target="_blank" title="ES6 教程">ES6</a></li>
                <li><a href="../w3cnote_genre/joke" target="_blank" title="程序员笑话">逗乐</a></li>
                
                <a href="javascript:void(0)" class="search-reveal">Search</a> 
            </ul>
            
        </div>
    </div>
</div>


<!--  内容  -->
<div class="container main">
	<div class="row">

		<!--  Android 基础入门教程 start  -->
	<div class="col left-column" style="display:none;">
		<div class="tab">Android 基础入门教程</div>
		<div class="sidebar-box gallery-list">
			<div class="design" id="leftcolumn">  
			</div> 
		</div> 
	</div>
	<!--  Android 基础入门教程 end  -->
		<div class="col middle-column big-middle-column">
	 			<div class="article">
			<div class="article-heading">
				<h2>2.3.1 TextView(文本框)详解</h2>				<h3><em>分类</em> <a href="../w3cnote_genre/android" title="Android 基础入门教程" >Android 基础入门教程</a> </h3>
			</div>
			<div class="article-body note-body">
				<div class="article-intro">
					<h2>本节引言：</h2>

<blockquote><p>学习完Android中的六大布局，从本节开始我们来一个个讲解Android中的UI控件，本节给大家带来的UI控件是：TextView(文本框)，用于显示文本的一个控件，另外声明一点，我不是翻译API文档，不会一个个属性的去扣，只学实际开发中常用的，有用的，大家遇到感觉到陌生的属性可以查询对应的API！当然，每一节开始都会贴这一节对应API文档的链接：<a href="https://developer.android.google.cn/reference/android/widget/TextView.html" target="_blank" rel="noopener">TextView API</a> 好了，在开始本节内容前，先要介绍下几个单位：</p>

<p><strong>dp(dip):</strong> device independent pixels(设备独立像素). 不同设备有不同的显示效果,这个和设备硬件有关，一般我们为了支持WVGA、HVGA和QVGA 推荐使用这个，不依赖像素。
<strong>px: pixels(像素)</strong>. 不同设备显示效果相同，一般我们HVGA代表320x480像素，这个用的比较多。
<strong>pt: point</strong>，是一个标准的长度单位，1pt＝1/72英寸，用于印刷业，非常简单易用；
<strong>sp: scaled pixels(放大像素)</strong>. 主要用于字体显示best for textsize。</p></blockquote>

<h2>1.基础属性详解：</h2>

<p>通过下面这个简单的界面，我们来了解几个最基本的属性：</p>

<p><img decoding="async" src="//www.runoob.com/wp-content/uploads/2015/07/75474010.jpg" alt="" /></p>

<p>布局代码：</p>

<pre>
&lt;RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context=".MainActivity"
    android:gravity="center"
    android:background="#8fffad"&gt;

    &lt;TextView
        android:id="@+id/txtOne"
        android:layout_width="200dp"
        android:layout_height="200dp"
        android:gravity="center"
        android:text="TextView(显示框)"
        android:textColor="#EA5246"
        android:textStyle="bold|italic"
        android:background="#000000"
        android:textSize="18sp" /&gt;

&lt;/RelativeLayout&gt;
</pre><p>
上面的TextView中有下述几个属性:</p>
<ul><li><b>id：</b>为TextView设置一个组件id，根据id，我们可以在Java代码中通过findViewById()的方法获取到该对象，然后进行相关属性的设置，又或者使用RelativeLayout时，参考组件用的也是id！
</li><li>
<b>layout_width：</b>组件的宽度，一般写：**wrap_content**或者**match_parent(fill_parent)**，前者是控件显示的内容多大，控件就多大，而后者会填满该控件所在的父容器；当然也可以设置成特定的大小，比如我这里为了显示效果，设置成了200dp。
</li><li><b>layout_height：</b>组件的高度，内容同上。
</li><li><b>gravity：</b>设置控件中内容的对齐方向，TextView中是文字，ImageView中是图片等等。
</li><li><b>text：</b>设置显示的文本内容，一般我们是把字符串写到string.xml文件中，然后通过@String/xxx取得对应的字符串内容的，这里为了方便我直接就写到""里，不建议这样写！！！
</li><li><b>textColor：</b>设置字体颜色，同上，通过colors.xml资源来引用，别直接这样写！
</li><li><b>textStyle：</b>设置字体风格，三个可选值：**normal**(无效果)，**bold**(加粗)，**italic**(斜体)
</li><li><b>textSize：</b>字体大小，单位一般是用sp！
</li><li><b>background：</b>控件的背景颜色，可以理解为填充整个控件的颜色，可以是图片哦！
</li></ul><hr>


<h2> 2.实际开发例子</h2>
<h3>2.1 带阴影的TextView</h3><p>
涉及到的几个属性：</p>
<ul><li><b>android:shadowColor:</b>设置阴影颜色,需要与shadowRadius一起使用哦!</li>
<li><b>android:shadowRadius:</b>设置阴影的模糊程度,设为0.1就变成字体颜色了,建议使用3.0</li>
<li><b>android:shadowDx:</b>设置阴影在水平方向的偏移,就是水平方向阴影开始的横坐标位置</li>
<li><b>android:shadowDy:</b>设置阴影在竖直方向的偏移,就是竖直方向阴影开始的纵坐标位置</li></ul>
<p>
效果图：
</p>
<img decoding="async" src="//www.runoob.com/wp-content/uploads/2015/07/82118375.jpg">

<p>
实现代码：
</p>
<pre>
&lt;TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_centerInParent="true"
        android:shadowColor="#F9F900"
        android:shadowDx="10.0"
        android:shadowDy="10.0"
        android:shadowRadius="3.0"
        android:text="带阴影的TextView"
        android:textColor="#4A4AFF"
        android:textSize="30sp" /&gt;
</pre>

<hr />

<h3>2.2 带边框的TextView：</h3>

<blockquote><p>如果你想为TextView设置一个边框背景，普通矩形边框或者圆角边框！下面可能帮到你！
另外TextView是很多其他控件的父类，比如Button，也可以设置这样的边框！
实现原理很简单，自行编写一个ShapeDrawable的资源文件！然后TextView将blackgroung
设置为这个drawable资源即可！</p></blockquote>

<p>简单说下shapeDrawable资源文件的几个节点以及属性：</p>

<blockquote><ul>
<li>&lt;<strong>solid</strong> android:color = "xxx">       这个是设置背景颜色的</li>
<li>&lt;<strong>stroke</strong> android:width = "xdp" android:color="xxx">    这个是设置边框的粗细,以及边框颜色的</li>
<li>&lt;<strong>padding</strong> androidLbottom = "xdp"...>   这个是设置边距的</li>
<li>&lt;<strong>corners</strong> android:topLeftRadius="10px"...> 这个是设置圆角的</li>
<li>&lt;<strong>gradient</strong>> 这个是设置渐变色的,可选属性有:
<strong>startColor</strong>:起始颜色    <strong>endColor</strong>:结束颜色     <strong>centerColor</strong>:中间颜色
<strong>angle</strong>:方向角度,等于0时,从左到右,然后逆时针方向转,当angle = 90度时从下往上
<strong>type</strong>:设置渐变的类型</li>
</ul>
</blockquote>

<p>实现效果图：</p>

<p><img decoding="async" src="//www.runoob.com/wp-content/uploads/2015/07/36413391.jpg" alt="" /></p>

<p>代码实现：</p>

<p>Step 1:编写矩形边框的Drawable：</p>

<pre>
&lt;?xml version="1.0" encoding="utf-8"?&gt;
&lt;shape xmlns:android="http://schemas.android.com/apk/res/android" &gt;

    &lt;!-- 设置一个黑色边框 --&gt;
    &lt;stroke android:width="2px" android:color="#000000"/&gt;
    &lt;!-- 渐变 --&gt;
    &lt;gradient
        android:angle="270"
        android:endColor="#C0C0C0"
        android:startColor="#FCD209" /&gt;
    &lt;!-- 设置一下边距,让空间大一点 --&gt;
    &lt;padding
        android:left="5dp"
        android:top="5dp"
        android:right="5dp"
        android:bottom="5dp"/&gt;

&lt;/shape&gt; 
</pre>

<p>Step 2:编写圆角矩形边框的Drawable：</p>
<pre>
&lt;?xml version="1.0" encoding="utf-8"?&gt;
&lt;shape xmlns:android="http://schemas.android.com/apk/res/android"&gt;

    &lt;!-- 设置透明背景色 --&gt;
    &lt;solid android:color="#87CEEB" /&gt;

    &lt;!-- 设置一个黑色边框 --&gt;
    &lt;stroke
        android:width="2px"
        android:color="#000000" /&gt;
    &lt;!-- 设置四个圆角的半径 --&gt;
    &lt;corners
        android:bottomLeftRadius="10px"
        android:bottomRightRadius="10px"
        android:topLeftRadius="10px"
        android:topRightRadius="10px" /&gt;
    &lt;!-- 设置一下边距,让空间大一点 --&gt;
    &lt;padding
        android:bottom="5dp"
        android:left="5dp"
        android:right="5dp"
        android:top="5dp" /&gt;
        
&lt;/shape&gt;
</pre>

<p>Step 3:将TextView的blackground属性设置成上面这两个Drawable：</p>

<pre>
&lt;LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:background="#FFFFFF"
    android:gravity="center"
    android:orientation="vertical"
    tools:context=".MainActivity"&gt;

    &lt;TextView
        android:id="@+id/txtOne"
        android:layout_width="200dp"
        android:layout_height="64dp"
        android:textSize="18sp"
        android:gravity="center"
        android:background="@drawable/txt_rectborder"
        android:text="矩形边框的TextView" /&gt;

    &lt;TextView
        android:id="@+id/txtTwo"
        android:layout_width="200dp"
        android:layout_height="64dp"
        android:layout_marginTop="10dp"
        android:textSize="18sp"
        android:gravity="center"
        android:background="@drawable/txt_radiuborder"
        android:text="圆角边框的TextView" /&gt;


&lt;/LinearLayout&gt;
</pre>


<h3>2.3 带图片(drawableXxx)的TextView：</h3>
<p>在实际开发中，我们可能会遇到这种需求：</p>
<img decoding="async" src="//www.runoob.com/wp-content/uploads/2015/07/68693829.jpg">
<p>如图，要实现这种效果，可能你的想法是：一个ImageView用于显示图片 + 一个TextView用于显示文字，然后把他们丢到一个LinearLayout中，接着依次创建四个这样的小布局，再另外放到一个大的LinearLayout中，效果是可以实现，但是会不会有点繁琐呢？而且前面我们前面也说过，布局层次越少，性能越好！使用drawableXxx就可以省掉上面的过程，直接设置四个TextView就可以完成我们的需求！
</p>
<p><b>基本用法：</b></p>

<p>设置图片的核心其实就是:<b>drawableXxx</b>;可以设置四个方向的图片:
<b>drawableTop</b>(上),<b>drawableButtom</b>(下),<b>drawableLeft</b>(左),<b>drawableRight</b>(右)
另外,你也可以使用<b>drawablePadding</b>来设置图片与文字间的间距！
</p><p><b>效果图</b>：(设置四个方向上的图片)</p>
<img decoding="async" src="//www.runoob.com/wp-content/uploads/2015/07/46436386.jpg">

<p><b>实现代码：</b></p>
<pre>
&lt;RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"  
    xmlns:tools="http://schemas.android.com/tools"  
    android:layout_width="match_parent"  
    android:layout_height="match_parent"  
    tools:context="com.jay.example.test.MainActivity" &gt;  
  
    &lt;TextView  
        android:layout_width="wrap_content"  
        android:layout_height="wrap_content"  
        android:layout_centerInParent="true"  
        android:drawableTop="@drawable/show1"  
        android:drawableLeft="@drawable/show1"  
        android:drawableRight="@drawable/show1"  
        android:drawableBottom="@drawable/show1"  
        android:drawablePadding="10dp"  
        android:text="张全蛋" /&gt;  
  
&lt;/RelativeLayout&gt; 
</pre>

<p><strong>一些问题：</strong>
可能你会发现，我们这样设置的drawable并不能自行设置大小，在XML是无法直接设置的；
所以我们需要在Java代码中来进行一个修改！</p>

<p>示例代码如下：</p>
<pre>
package com.jay.example.test;  
  
import android.app.Activity;  
import android.graphics.drawable.Drawable;  
import android.os.Bundle;  
import android.widget.TextView;  
  
public class MainActivity extends Activity {  
    private TextView txtZQD;  
  
    @Override  
    protected void onCreate(Bundle savedInstanceState) {  
        super.onCreate(savedInstanceState);  
        setContentView(R.layout.activity_main);  
        txtZQD = (TextView) findViewById(R.id.txtZQD);  
        Drawable[] drawable = txtZQD.getCompoundDrawables();  
        // 数组下表0~3,依次是:左上右下  
        drawable[1].setBounds(100, 0, 200, 200);  
        txtZQD.setCompoundDrawables(drawable[0], drawable[1], drawable[2],  
                drawable[3]);  
    }  
} 
</pre>

<p>运行效果图：</p>

<p><img decoding="async" src="//www.runoob.com/wp-content/uploads/2015/07/88806164.jpg" alt="" /></p>

<p><strong>代码分析：</strong></p>

<blockquote><ul>
<li>①Drawable[] drawable = txtZQD.getCompoundDrawables( );
获得四个不同方向上的图片资源,数组元素依次是:左上右下的图片</li>
<li>②drawable[1].setBounds(100, 0, 200, 200);
接着获得资源后,可以调用setBounds设置左上右下坐标点,比如这里设置了代表的是:
长是:从离文字最左边开始100dp处到200dp处
宽是:从文字上方0dp处往上延伸200dp!</li>
<li>③txtZQD.setCompoundDrawables(drawable[0], drawable[1], drawable[2],
drawable[3]);为TextView重新设置drawable数组!没有图片可以用null代替哦!
PS：另外，从上面看出我们也可以直接在Java代码中调用setCompoundDrawables为
TextView设置图片！</li>
</ul>
</blockquote>

<hr />

<h3>2.4 使用autoLink属性识别链接类型</h3>

<p>当文字中出现了URL，E-Mail，电话号码，地图的时候，我们可以通过设置autoLink属性；当我们点击
文字中对应部分的文字，即可跳转至某默认APP，比如一串号码，点击后跳转至拨号界面！</p>

<p><img decoding="async" src="//www.runoob.com/wp-content/uploads/2015/07/59234627.jpg" alt="" /></p>

<p>看下效果图：</p>

<p><img decoding="async" src="//www.runoob.com/wp-content/uploads/2015/07/5036910.jpg" alt="" /></p>

<p>all就是全部都包含,自动识别协议头~
在Java代码中可以调用setAutoLinkMask(Linkify.ALL);
这个时候可以不写协议头,autolink会自动识别，但是还要为这个TextView设置：
setMovementMethod(LinkMovementMethod.getInstance()); 不然点击了是没效果的！</p>

<hr />

<h3>2.5 TextView玩转HTML</h3>

<blockquote><p>如题，除了显示普通文本外，TextView还预定义了一些类似于HTML的标签，通过这些标签，我们可以使
TextView显示不同的字体颜色，大小，字体，甚至是显示图片，或者链接等！我们只要使用HTML中的一些
标签，加上android.text.HTML类的支持，即可完成上述功能！</p></blockquote>

<p>PS:当然，并不是支持所有的标签，常用的有下述这些：</p>

<blockquote><ul>
<li>&lt;<strong>font</strong>>：设置颜色和字体。</li>
<li>&lt;<strong>big</strong>>：设置字体大号</li>
<li>&lt;<strong>small</strong>>：设置字体小号</li>
<li>&lt;<strong>i</strong>>&lt;<strong>b</strong>>：斜体粗体</li>
<li>&lt;<strong>a</strong>>：连接网址</li>
<li>&lt;<strong>img</strong>>：图片</li>
</ul>
</blockquote>

<p>如果直接setText的话是没作用的，我们需要调用Html.fromHtml()方法将字符串转换为CharSequence接口，
然后再进行设置，如果我们需要相应设置，需要为TextView进行设置，调用下述方法：
<code>Java
setMovementMethod(LinkMovementMethod.getInstance())
</code></p>

<p>嗯，接着我们写代码来试试：</p>

<p><strong>1）测试文本与超链接标签</strong></p>

<pre>
package jay.com.example.textviewdemo;

import android.os.Bundle;
import android.support.v7.app.AppCompatActivity;
import android.text.Html;
import android.text.method.LinkMovementMethod;
import android.text.util.Linkify;
import android.widget.TextView;

public class MainActivity extends AppCompatActivity {

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        TextView t1 = (TextView)findViewById(R.id.txtOne);
        String s1 = "&lt;font color='blue'&gt;&lt;b&gt;百度一下，你就知道~：&lt;/b&gt;&lt;/font&gt;&lt;br&gt;";
        s1 += "&lt;a href = 'http://www.baidu.com'&gt;百度&lt;/a&gt;";
        t1.setText(Html.fromHtml(s1));
        t1.setMovementMethod(LinkMovementMethod.getInstance());
    }
}
</pre><p>
运行效果图：
</p>
<img decoding="async" src="//www.runoob.com/wp-content/uploads/2015/07/54628343.jpg" >
<p>
恩呢，测试完毕~
</p>

<p><b>2）测试src标签，插入图片：</b></p>
<p>
看下运行效果图：
</p>
<img decoding="async" src="//www.runoob.com/wp-content/uploads/2015/07/62308635.jpg">
<p>
接下来看下实现代码，实现代码看上去有点复杂，用到了反射(对了，别忘了在drawable目录下放一个icon的图片哦！)：</p>
<pre>
public class MainActivity extends AppCompatActivity {
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        TextView t1 = (TextView) findViewById(R.id.txtOne);
        String s1 = "图片：&lt;img src = 'icon'/&gt;&lt;br&gt;";
        t1.setText(Html.fromHtml(s1, new Html.ImageGetter() {
            @Override
            public Drawable getDrawable(String source) {
                Drawable draw = null;
                try {
                    Field field = R.drawable.class.getField(source);
                    int resourceId = Integer.parseInt(field.get(null).toString());
                    draw = getResources().getDrawable(resourceId);
                    draw.setBounds(0, 0, draw.getIntrinsicWidth(), draw.getIntrinsicHeight());
                } catch (Exception e) {
                    e.printStackTrace();
                }
                return draw;
            }
        }, null));
    }
}
</pre>

<p>嘿嘿，你也可以自己试试，比如为图片加上超链接，点击图片跳转这样~</p>

<h3>2.6 SpannableString&amp;SpannableStringBuilder定制文本</h3>

<blockquote><p>除了上面的HTML可以定制我们TextView的样式外，还可以使用SpannableString和SpannableStringBuilder来完成，两者区别：前者针对的是不可变文本，而后者则是针对可变文本，这里只讲解前者，对后者有兴趣可自行查阅文本！</p></blockquote>

<p>SpannableString可供我们使用的API有下面这些：</p>

<blockquote><ul>
<li><strong>BackgroundColorSpan</strong> 背景色</li>
<li><strong>ClickableSpan</strong> 文本可点击，有点击事件</li>
<li><strong>ForegroundColorSpan</strong> 文本颜色（前景色）</li>
<li><strong>MaskFilterSpan</strong> 修饰效果，如模糊(BlurMaskFilter)、浮雕(EmbossMaskFilter)</li>
<li><strong>MetricAffectingSpan</strong> 父类，一般不用</li>
<li><strong>RasterizerSpan</strong> 光栅效果</li>
<li><strong>StrikethroughSpan</strong> 删除线（中划线）</li>
<li><strong>SuggestionSpan</strong> 相当于占位符</li>
<li><strong>UnderlineSpan</strong> 下划线</li>
<li><strong>AbsoluteSizeSpan</strong> 绝对大小（文本字体）</li>
<li><strong>DynamicDrawableSpan</strong> 设置图片，基于文本基线或底部对齐。</li>
<li><strong>ImageSpan</strong> 图片</li>
<li><strong>RelativeSizeSpan</strong> 相对大小（文本字体）</li>
<li><strong>ReplacementSpan</strong> 父类，一般不用</li>
<li><strong>ScaleXSpan</strong> 基于x轴缩放</li>
<li><strong>StyleSpan</strong> 字体样式：粗体、斜体等</li>
<li><strong>SubscriptSpan</strong> 下标（数学公式会用到）</li>
<li><strong>SuperscriptSpan</strong> 上标（数学公式会用到）</li>
<li><strong>TextAppearanceSpan</strong> 文本外貌（包括字体、大小、样式和颜色）</li>
<li><strong>TypefaceSpan</strong> 文本字体</li>
<li><strong>URLSpan</strong> 文本超链接</li>
</ul>
</blockquote>

<p>好吧，还是蛮多的，这里给出个最简单的例子吧，其他的参数调用可自行百度谷歌~
<strong>1）最简单例子：</strong>
运行效果图：</p>

<p><img decoding="async" src="//www.runoob.com/wp-content/uploads/2015/07/22818005.jpg" alt="" /></p>

<p>实现代码：</p>
<pre>
public class MainActivity extends AppCompatActivity {

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        TextView t1 = (TextView) findViewById(R.id.txtOne);
        TextView t2 = (TextView) findViewById(R.id.txtTwo);

        SpannableString span = new SpannableString("红色打电话斜体删除线绿色下划线图片:.");
        //1.设置背景色,setSpan时需要指定的flag,Spanned.SPAN_EXCLUSIVE_EXCLUSIVE(前后都不包括)
        span.setSpan(new ForegroundColorSpan(Color.RED), 0, 2, Spanned.SPAN_EXCLUSIVE_EXCLUSIVE);
        //2.用超链接标记文本
        span.setSpan(new URLSpan("tel:4155551212"), 2, 5, Spanned.SPAN_EXCLUSIVE_EXCLUSIVE);
        //3.用样式标记文本（斜体）
        span.setSpan(new StyleSpan(Typeface.BOLD_ITALIC), 5, 7, Spanned.SPAN_EXCLUSIVE_EXCLUSIVE);
        //4.用删除线标记文本
        span.setSpan(new StrikethroughSpan(), 7, 10, Spanned.SPAN_EXCLUSIVE_EXCLUSIVE);
        //5.用下划线标记文本
        span.setSpan(new UnderlineSpan(), 10, 16, Spanned.SPAN_EXCLUSIVE_EXCLUSIVE);
        //6.用颜色标记
        span.setSpan(new ForegroundColorSpan(Color.GREEN), 10, 13,Spanned.SPAN_EXCLUSIVE_EXCLUSIVE);
        //7.//获取Drawable资源
        Drawable d = getResources().getDrawable(R.drawable.icon);
        d.setBounds(0, 0, d.getIntrinsicWidth(), d.getIntrinsicHeight());
        //8.创建ImageSpan,然后用ImageSpan来替换文本
        ImageSpan imgspan = new ImageSpan(d, ImageSpan.ALIGN_BASELINE);
        span.setSpan(imgspan, 18, 19, Spannable.SPAN_INCLUSIVE_EXCLUSIVE);
        t1.setText(span);
    }
}
</pre>

<p><strong>2）实现部分可点击的TextView</strong>
相信玩过QQ空间和微信朋友圈的朋友对下面的东东并不陌生吧，我们可以点击
对应的用户然后进入查看用户相关的信息是吧！</p>

<p><img decoding="async" src="//www.runoob.com/wp-content/uploads/2015/07/75919458.jpg" alt="" /></p>

<p>下面我们就来写个简单的例子来实现下效果：</p>
<pre>
public class MainActivity extends AppCompatActivity {

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        TextView t1 = (TextView) findViewById(R.id.txtOne);

        StringBuilder sb = new StringBuilder();
        for (int i = 0; i &lt; 20; i++) {
            sb.append("好友" + i + "，");
        }

        String likeUsers = sb.substring(0, sb.lastIndexOf("，")).toString();
        t1.setMovementMethod(LinkMovementMethod.getInstance());
        t1.setText(addClickPart(likeUsers), TextView.BufferType.SPANNABLE);
    }

    //定义一个点击每个部分文字的处理方法
    private SpannableStringBuilder addClickPart(String str) {
        //赞的图标，这里没有素材，就找个笑脸代替下~
        ImageSpan imgspan = new ImageSpan(MainActivity.this, R.drawable.ic_widget_face);
        SpannableString spanStr = new SpannableString("p.");
        spanStr.setSpan(imgspan, 0, 1, Spannable.SPAN_INCLUSIVE_EXCLUSIVE);

        //创建一个SpannableStringBuilder对象，连接多个字符串
        SpannableStringBuilder ssb = new SpannableStringBuilder(spanStr);
        ssb.append(str);
        String[] likeUsers = str.split("，");
        if (likeUsers.length &gt; 0) {
            for (int i = 0; i &lt; likeUsers.length; i++) {
                final String name = likeUsers[i];
                final int start = str.indexOf(name) + spanStr.length();
                ssb.setSpan(new ClickableSpan() {
                    @Override
                    public void onClick(View widget) {
                        Toast.makeText(MainActivity.this, name,
                                Toast.LENGTH_SHORT).show();
                    }

                    @Override
                    public void updateDrawState(TextPaint ds) {
                        super.updateDrawState(ds);
                        //删除下划线，设置字体颜色为蓝色
                        ds.setColor(Color.BLUE);
                        ds.setUnderlineText(false);
                    }
                },start,start + name.length(),0);
            }
        }
    return ssb.append("等" + likeUsers.length + "个人觉得很赞");
    }
}
</pre>

<p>运行效果图：</p>

<p><img decoding="async" src="//www.runoob.com/wp-content/uploads/2015/07/20289188.jpg" alt="" /></p>

<p>核心其实就是：ClickableSpan的设置而已~你可以自己捣鼓着写下QQ空间评论的那个自己写一个~</p>


<h3>2.7 实现跑马灯效果的TextView</h3>

<p>简单说下什么是跑马灯，就是类似于web一样，有一行字一直循环滚滚动这样，好吧还是看看
实现效果图，一看就懂的了~</p>

<p>实现效果图：</p>

<p><img decoding="async" src="//www.runoob.com/wp-content/uploads/2015/07/67859995.jpg" alt="" /></p>

<p>代码实现：</p><pre>
&lt;TextView
        android:id="@+id/txtOne"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:textSize="18sp"
        android:singleLine="true"
        android:ellipsize="marquee"
        android:marqueeRepeatLimit="marquee_forever"
        android:focusable="true"
        android:focusableInTouchMode="true"
        android:text="你整天说着日了狗日了狗，但是你却没有来，呵呵呵呵呵呵呵呵呵呵~"/&gt;
</pre>

<h3>2.8 设置TextView字间距和行间距</h3>

<p>就像我们平时编写文档的时候，我们需要排版，设置下行或者字之间的间距是吧：
Android中的TextView也可以进行这样的设置：</p>

<p><strong>字间距：</strong>
</p>
<pre>
android:textScaleX：控制字体水平方向的缩放，默认值1.0f，值是float
Java中setScaleX(2.0f); 
</pre>
<p><strong>行间距：</strong>
Android系统中TextView默认显示中文时会比较紧凑，为了让每行保持的行间距</p>

<blockquote><p><strong>android:lineSpacingExtra：</strong>设置行间距，如"3dp"
<strong>android:lineSpacingMultiplier：</strong>设置行间距的倍数，如"1.2"</p></blockquote>

<p>Java代码中可以通过:
<strong>setLineSpacing</strong>方法来设置</p>

<h3>2.9 自动换行</h3>
<p>自动换行通过 <strong>android:singleLine</strong> 设置，默认为 false。</p>
<p>如需要自动换行，可以用：
</p>
<pre>
android:singleLine = "false"
</pre>
<p>如果要在一行显示完，不换行，可以用：
</p>
<pre>
android:singleLine = "true"
</pre>

<p>
除此之外，可以也设置多行显示不完，添加个maxLines的属性即可！</p>


<h2>3.本节小结：</h2>

<p>本节对Android中的TextView控件进行了详细的解析，提供了开发中常见的一些问题的解决方法，相信
会为你的实际开发带来大大的便利，另外，笔者能力有限，写出来的东西可能有些纰漏，欢迎指出，
不胜感激~另外，转载请注明出处：coder-pig！谢谢~</p>				</div>
			</div>
			<div class="previous-next-links">
			<div class="previous-design-link">← <a href="../w3cnote/android-tutorial-absolutelayout.html" rel="prev"> 2.2.6 AbsoluteLayout(绝对布局)</a> </div>
			<div class="next-design-link"><a href="../w3cnote/android-tutorial-edittext.html" rel="next"> 2.3.2 EditText(输入框)详解</a> →</div>
			</div>
						<div class="article-heading-ad" id="w3cnote-ad728">
			<script async src=""></script>
			<!-- 移动版 自动调整 -->
			<ins class="adsbygoogle"
			     style="display:inline-block;min-width:300px;max-width:970px;width:100%;height:90px"
			     data-ad-client="ca-pub-5751451760833794"
			     data-ad-slot="1691338467"
			     data-ad-format="horizontal"></ins>
			<script>
			(adsbygoogle = window.adsbygoogle || []).push({});
			</script>
			</div>
			<style>
@media screen and (max-width: 768px) {
	#w3cnote-ad728 {
		display: none;
	}
}
p.note-author {
    border-bottom: 1px solid #ddd;
    font-size: 18px;
    font-weight: bold;
    color: #78a15a;
    padding-bottom: 2px;
    margin-bottom: 4px;
}
</style>
<script>
var aid = 12624;
</script>
	</div>
		
	</div>
	<div class="listcol last right-column">

	<script type="text/javascript">
jQuery(document).ready(function ($){
	var total = $(".membership li").length;
	var left_list = '';
	href = window.location.href;
	
	$(".membership li").each(function(index, value){

		left_list += $(this).html();

		cur_href = $(this).find("a").attr("href");
		cur_obj = $(this);
		
		if(href.match(cur_href) != null) {
			if(index==0) {
				$(".previous-design-link").hide();
			}
			if(index==(total-1)) {
				$(".next-design-link").hide();
			}
			prev_href = cur_obj.prev("li").find("a").attr("href");
			prev_title = cur_obj.prev("li").find("a").attr("title");

			next_href = cur_obj.next("li").find("a").attr("href");
			next_title = cur_obj.next("li").find("a").attr("title");
			if(prev_title) {
				$(".previous-design-link a").attr("href", prev_href);
				$(".previous-design-link a").attr("title", prev_title);
				$(".previous-design-link a").text(prev_title);
			} else {
				$(".previous-design-link").html("");
			}

			if(next_title) {
				$(".next-design-link a").attr("href", next_href);
				$(".next-design-link a").attr("title", next_title);
				$(".next-design-link a").text(next_title);
			} else {
				$(".next-design-link").html("");
			}
		}
	});

	$("#leftcolumn").html(left_list);
});
	</script>
	<div class="sidebar-box cate-list">
	<div class="sidebar-box recommend-here list-link">
	<a href="javascript:void(0);">Android 基础入门教程</a>	</div>
	
	<ul class="membership">
		
	<li><a target="_top" data-id="12252" title="1.0 Android基础入门教程" href="../w3cnote/android-tutorial-intro.html" >1.0 Android基础入门教程</a></li>
	
		
	<li><a target="_top" data-id="14860" title="1.0.1 2015年最新Android基础入门教程目录" href="../w3cnote/android-tutorial-contents.html" >1.0.1 2015年最新Android基础入门教程目录</a></li>
	
		
	<li><a target="_top" data-id="12255" title="1.1 背景相关与系统架构分析" href="../w3cnote/android-tutorial-system-architecture-analysis.html" >1.1 背景相关与系统架构分析</a></li>
	
		
	<li><a target="_top" data-id="12259" title="1.2 开发环境搭建" href="../w3cnote/android-tutorial-development-environment-build.html" >1.2 开发环境搭建</a></li>
	
		
	<li><a target="_top" data-id="12270" title="1.2.1 使用Eclipse + ADT + SDK开发Android APP" href="../w3cnote/android-tutorial-eclipse-adt-sdk-app.html" >1.2.1 使用Eclipse + ADT + SDK开发Android APP</a></li>
	
		
	<li><a target="_top" data-id="12280" title="1.2.2 使用Android Studio开发Android APP" href="../w3cnote/android-tutorial-android-studio.html" >1.2.2 使用Android Studio开发Android APP</a></li>
	
		
	<li><a target="_top" data-id="12293" title="1.3 SDK更新不了问题解决" href="../w3cnote/android-tutorial-sdk-problem-solve.html" >1.3 SDK更新不了问题解决</a></li>
	
		
	<li><a target="_top" data-id="12329" title="1.4 Genymotion模拟器安装" href="../w3cnote/android-tutorial-genymotion-install.html" >1.4 Genymotion模拟器安装</a></li>
	
		
	<li><a target="_top" data-id="12331" title="1.5.1 Git使用教程之本地仓库的基本操作" href="../w3cnote/android-tutorial-git-repo-operate.html" >1.5.1 Git使用教程之本地仓库的基本操作</a></li>
	
		
	<li><a target="_top" data-id="12366" title="1.5.2 Git之使用GitHub搭建远程仓库" href="../w3cnote/android-tutorial-git-repo-create.html" >1.5.2 Git之使用GitHub搭建远程仓库</a></li>
	
		
	<li><a target="_top" data-id="12394" title="1.6  9(九妹)图片怎么玩" href="../w3cnote/android-tutorial-9-image.html" >1.6  9(九妹)图片怎么玩</a></li>
	
		
	<li><a target="_top" data-id="12478" title="1.7 界面原型设计" href="../w3cnote/android-tutorial-interface-design.html" >1.7 界面原型设计</a></li>
	
		
	<li><a target="_top" data-id="12479" title="1.8 工程相关解析(各种文件，资源访问)" href="../w3cnote/android-tutorial-project-src-analysis.html" >1.8 工程相关解析(各种文件，资源访问)</a></li>
	
		
	<li><a target="_top" data-id="12507" title="1.9 Android程序签名打包" href="../w3cnote/android-tutorial-sign-package.html" >1.9 Android程序签名打包</a></li>
	
		
	<li><a target="_top" data-id="12523" title="1.11 反编译APK获取代码&资源" href="../w3cnote/android-tutorial-decompile-apk-get-code-resources.html" >1.11 反编译APK获取代码&资源</a></li>
	
		
	<li><a target="_top" data-id="12539" title="2.1 View与ViewGroup的概念" href="../w3cnote/android-tutorial-view-viewgroup-intro.html" >2.1 View与ViewGroup的概念</a></li>
	
		
	<li><a target="_top" data-id="12555" title="2.2.1 LinearLayout(线性布局)" href="../w3cnote/android-tutorial-linearlayout.html" >2.2.1 LinearLayout(线性布局)</a></li>
	
		
	<li><a target="_top" data-id="12569" title="2.2.2 RelativeLayout(相对布局)" href="../w3cnote/android-tutorial-relativelayout.html" >2.2.2 RelativeLayout(相对布局)</a></li>
	
		
	<li><a target="_top" data-id="12577" title="2.2.3 TableLayout(表格布局)" href="../w3cnote/android-tutorial-tablelayout.html" >2.2.3 TableLayout(表格布局)</a></li>
	
		
	<li><a target="_top" data-id="12582" title="2.2.4 FrameLayout(帧布局)" href="../w3cnote/android-tutorial-framelayout.html" >2.2.4 FrameLayout(帧布局)</a></li>
	
		
	<li><a target="_top" data-id="12587" title="2.2.5 GridLayout(网格布局)" href="../w3cnote/android-tutorial-gridlayout.html" >2.2.5 GridLayout(网格布局)</a></li>
	
		
	<li><a target="_top" data-id="12591" title="2.2.6 AbsoluteLayout(绝对布局)" href="../w3cnote/android-tutorial-absolutelayout.html" >2.2.6 AbsoluteLayout(绝对布局)</a></li>
	
		<li>
	2.3.1 TextView(文本框)详解	</li>
	
		
	<li><a target="_top" data-id="12701" title="2.3.2 EditText(输入框)详解" href="../w3cnote/android-tutorial-edittext.html" >2.3.2 EditText(输入框)详解</a></li>
	
		
	<li><a target="_top" data-id="12745" title="2.3.3 Button(按钮)与ImageButton(图像按钮)" href="../w3cnote/android-tutorial-button-imagebutton.html" >2.3.3 Button(按钮)与ImageButton(图像按钮)</a></li>
	
		
	<li><a target="_top" data-id="12770" title="2.3.4 ImageView(图像视图)" href="../w3cnote/android-tutorial-imageview.html" >2.3.4 ImageView(图像视图)</a></li>
	
		
	<li><a target="_top" data-id="12790" title="2.3.5.RadioButton(单选按钮)&Checkbox(复选框)" href="../w3cnote/android-tutorial-radiobutton-checkbox.html" >2.3.5.RadioButton(单选按钮)&Checkbox(复选框)</a></li>
	
		
	<li><a target="_top" data-id="12829" title="2.3.6 开关按钮ToggleButton和开关Switch" href="../w3cnote/android-tutorial-togglebutton-switch.html" >2.3.6 开关按钮ToggleButton和开关Switch</a></li>
	
		
	<li><a target="_top" data-id="13133" title="2.3.7 ProgressBar(进度条)" href="../w3cnote/android-tutorial-progressbar.html" >2.3.7 ProgressBar(进度条)</a></li>
	
		
	<li><a target="_top" data-id="13258" title="2.3.8 SeekBar(拖动条)" href="../w3cnote/android-tutorial-seekbar.html" >2.3.8 SeekBar(拖动条)</a></li>
	
		
	<li><a target="_top" data-id="13267" title="2.3.9 RatingBar(星级评分条)" href="../w3cnote/android-tutorial-ratingbar.html" >2.3.9 RatingBar(星级评分条)</a></li>
	
		
	<li><a target="_top" data-id="13293" title="2.4.1 ScrollView(滚动条)" href="../w3cnote/android-tutorial-scrollview.html" >2.4.1 ScrollView(滚动条)</a></li>
	
		
	<li><a target="_top" data-id="13357" title="2.4.2 Date & Time组件(上)" href="../w3cnote/android-tutorial-date-time-1.html" >2.4.2 Date & Time组件(上)</a></li>
	
		
	<li><a target="_top" data-id="13364" title="2.4.3 Date & Time组件(下)" href="../w3cnote/android-tutorial-date-time-2.html" >2.4.3 Date & Time组件(下)</a></li>
	
		
	<li><a target="_top" data-id="13477" title="2.4.4 Adapter基础讲解" href="../w3cnote/android-tutorial-adapter.html" >2.4.4 Adapter基础讲解</a></li>
	
		
	<li><a target="_top" data-id="13784" title="2.4.5 ListView简单实用" href="../w3cnote/android-tutorial-listview.html" >2.4.5 ListView简单实用</a></li>
	
		
	<li><a target="_top" data-id="13807" title="2.4.6 BaseAdapter优化" href="../w3cnote/android-tutorial-baseadapter.html" >2.4.6 BaseAdapter优化</a></li>
	
		
	<li><a target="_top" data-id="13808" title="2.4.7ListView的焦点问题" href="../w3cnote/android-tutorial-listview-focus.html" >2.4.7ListView的焦点问题</a></li>
	
		
	<li><a target="_top" data-id="13809" title="2.4.8 ListView之checkbox错位问题解决" href="../w3cnote/android-tutorial-listview-checkbox.html" >2.4.8 ListView之checkbox错位问题解决</a></li>
	
		
	<li><a target="_top" data-id="13812" title="2.4.9 ListView的数据更新问题" href="../w3cnote/android-tutorial-listview-update.html" >2.4.9 ListView的数据更新问题</a></li>
	
		
	<li><a target="_top" data-id="13823" title="2.5.0 构建一个可复用的自定义BaseAdapter" href="../w3cnote/android-tutorial-customer-baseadapter.html" >2.5.0 构建一个可复用的自定义BaseAdapter</a></li>
	
		
	<li><a target="_top" data-id="13839" title="2.5.1 ListView Item多布局的实现" href="../w3cnote/android-tutorial-listview-item.html" >2.5.1 ListView Item多布局的实现</a></li>
	
		
	<li><a target="_top" data-id="13885" title="2.5.2 GridView(网格视图)的基本使用" href="../w3cnote/android-tutorial-gridview.html" >2.5.2 GridView(网格视图)的基本使用</a></li>
	
		
	<li><a target="_top" data-id="13897" title="2.5.3 Spinner(列表选项框)的基本使用" href="../w3cnote/android-tutorial-spinner.html" >2.5.3 Spinner(列表选项框)的基本使用</a></li>
	
		
	<li><a target="_top" data-id="13900" title="2.5.4 AutoCompleteTextView(自动完成文本框)的基本使用" href="../w3cnote/android-tutorial-autocompletetextview.html" >2.5.4 AutoCompleteTextView(自动完成文本框)的基本使用</a></li>
	
		
	<li><a target="_top" data-id="13933" title="2.5.5 ExpandableListView(可折叠列表)的基本使用" href="../w3cnote/android-tutorial-expandablelistview.html" >2.5.5 ExpandableListView(可折叠列表)的基本使用</a></li>
	
		
	<li><a target="_top" data-id="13936" title="2.5.6 ViewFlipper(翻转视图)的基本使用" href="../w3cnote/android-tutorial-viewflipper.html" >2.5.6 ViewFlipper(翻转视图)的基本使用</a></li>
	
		
	<li><a target="_top" data-id="13952" title="2.5.7 Toast(吐司)的基本使用" href="../w3cnote/android-tutorial-toast.html" >2.5.7 Toast(吐司)的基本使用</a></li>
	
		
	<li><a target="_top" data-id="13957" title="2.5.8 Notification(状态栏通知)详解" href="../w3cnote/android-tutorial-notification.html" >2.5.8 Notification(状态栏通知)详解</a></li>
	
		
	<li><a target="_top" data-id="13963" title="2.5.9 AlertDialog(对话框)详解" href="../w3cnote/android-tutorial-alertdialog.html" >2.5.9 AlertDialog(对话框)详解</a></li>
	
		
	<li><a target="_top" data-id="13981" title="2.6.0 其他几种常用对话框基本使用" href="../w3cnote/android-tutorial-dialog.html" >2.6.0 其他几种常用对话框基本使用</a></li>
	
		
	<li><a target="_top" data-id="13984" title="2.6.1 PopupWindow(悬浮框)的基本使用" href="../w3cnote/android-tutorial-popupwindow.html" >2.6.1 PopupWindow(悬浮框)的基本使用</a></li>
	
		
	<li><a target="_top" data-id="13986" title="2.6.2 菜单(Menu)" href="../w3cnote/android-tutorial-menu.html" >2.6.2 菜单(Menu)</a></li>
	
		
	<li><a target="_top" data-id="14001" title="2.6.3 ViewPager的简单使用" href="../w3cnote/android-tutorial-viewpager.html" >2.6.3 ViewPager的简单使用</a></li>
	
		
	<li><a target="_top" data-id="14007" title="2.6.4 DrawerLayout(官方侧滑菜单)的简单使用" href="../w3cnote/android-tutorial-drawerlayout.html" >2.6.4 DrawerLayout(官方侧滑菜单)的简单使用</a></li>
	
		
	<li><a target="_top" data-id="12714" title="3.1.1 基于监听的事件处理机制" href="../w3cnote/android-tutorial-listen-event-handle.html" >3.1.1 基于监听的事件处理机制</a></li>
	
		
	<li><a target="_top" data-id="12721" title="3.2 基于回调的事件处理机制" href="../w3cnote/android-tutorial-callback-event-handle.html" >3.2 基于回调的事件处理机制</a></li>
	
		
	<li><a target="_top" data-id="12715" title="3.3 Handler消息传递机制浅析" href="../w3cnote/android-tutorial-handler-message.html" >3.3 Handler消息传递机制浅析</a></li>
	
		
	<li><a target="_top" data-id="12730" title="3.4 TouchListener PK OnTouchEvent + 多点触碰" href="../w3cnote/android-tutorial-touchlistener-ontouchevent.html" >3.4 TouchListener PK OnTouchEvent + 多点触碰</a></li>
	
		
	<li><a target="_top" data-id="12749" title="3.5 监听EditText的内容变化" href="../w3cnote/android-tutorial-listener-edittext-change.html" >3.5 监听EditText的内容变化</a></li>
	
		
	<li><a target="_top" data-id="12752" title="3.6 响应系统设置的事件(Configuration类)" href="../w3cnote/android-tutorial-configuration.html" >3.6 响应系统设置的事件(Configuration类)</a></li>
	
		
	<li><a target="_top" data-id="12807" title="3.7 AsyncTask异步任务" href="../w3cnote/android-tutorial-ansynctask.html" >3.7 AsyncTask异步任务</a></li>
	
		
	<li><a target="_top" data-id="12915" title="3.8 Gestures(手势)" href="../w3cnote/android-tutorial-gestures.html" >3.8 Gestures(手势)</a></li>
	
		
	<li><a target="_top" data-id="13148" title="4.1.1 Activity初学乍练" href="../w3cnote/android-tutorial-activity.html" >4.1.1 Activity初学乍练</a></li>
	
		
	<li><a target="_top" data-id="13160" title="4.1.2 Activity初窥门径" href="../w3cnote/android-tutorial-activity-start.html" >4.1.2 Activity初窥门径</a></li>
	
		
	<li><a target="_top" data-id="13168" title="4.1.3 Activity登堂入室" href="../w3cnote/android-tutorial-activity-intro.html" >4.1.3 Activity登堂入室</a></li>
	
		
	<li><a target="_top" data-id="13198" title="4.2.1 Service初涉" href="../w3cnote/android-tutorial-service-1.html" >4.2.1 Service初涉</a></li>
	
		
	<li><a target="_top" data-id="13212" title="4.2.2 Service进阶" href="../w3cnote/android-tutorial-service-2.html" >4.2.2 Service进阶</a></li>
	
		
	<li><a target="_top" data-id="13237" title="4.2.3 Service精通" href="../w3cnote/android-tutorial-service-3.html" >4.2.3 Service精通</a></li>
	
		
	<li><a target="_top" data-id="13273" title="4.3.1 BroadcastReceiver牛刀小试" href="../w3cnote/android-tutorial-broadcastreceiver.html" >4.3.1 BroadcastReceiver牛刀小试</a></li>
	
		
	<li><a target="_top" data-id="13284" title="4.3.2 BroadcastReceiver庖丁解牛" href="../w3cnote/android-tutorial-broadcastreceiver-2.html" >4.3.2 BroadcastReceiver庖丁解牛</a></li>
	
		
	<li><a target="_top" data-id="13297" title="4.4.1 ContentProvider初探" href="../w3cnote/android-tutorial-contentprovider.html" >4.4.1 ContentProvider初探</a></li>
	
		
	<li><a target="_top" data-id="13319" title="4.4.2 ContentProvider再探——Document Provider" href="../w3cnote/android-tutorial-contentprovider-2.html" >4.4.2 ContentProvider再探——Document Provider</a></li>
	
		
	<li><a target="_top" data-id="13329" title="4.5.1 Intent的基本使用" href="../w3cnote/android-tutorial-intent-base.html" >4.5.1 Intent的基本使用</a></li>
	
		
	<li><a target="_top" data-id="13346" title="4.5.2 Intent之复杂数据的传递" href="../w3cnote/android-tutorial-intent-pass-data.html" >4.5.2 Intent之复杂数据的传递</a></li>
	
		
	<li><a target="_top" data-id="13401" title="5.1 Fragment基本概述" href="../w3cnote/android-tutorial-fragment-base.html" >5.1 Fragment基本概述</a></li>
	
		
	<li><a target="_top" data-id="13431" title="5.2.1 Fragment实例精讲——底部导航栏的实现(方法1)" href="../w3cnote/android-tutorial-fragment-demo1.html" >5.2.1 Fragment实例精讲——底部导航栏的实现(方法1)</a></li>
	
		
	<li><a target="_top" data-id="13432" title="5.2.2 Fragment实例精讲——底部导航栏的实现(方法2)" href="../w3cnote/android-tutorial-fragment-demo2.html" >5.2.2 Fragment实例精讲——底部导航栏的实现(方法2)</a></li>
	
		
	<li><a target="_top" data-id="13439" title="5.2.3 Fragment实例精讲——底部导航栏的实现(方法3)" href="../w3cnote/android-tutorial-fragment-demo3.html" >5.2.3 Fragment实例精讲——底部导航栏的实现(方法3)</a></li>
	
		
	<li><a target="_top" data-id="13448" title="5.2.4 Fragment实例精讲——底部导航栏+ViewPager滑动切换页面" href="../w3cnote/android-tutorial-fragment-demo4.html" >5.2.4 Fragment实例精讲——底部导航栏+ViewPager滑动切换页面</a></li>
	
		
	<li><a target="_top" data-id="13597" title="5.2.5 Fragment实例精讲——新闻(购物)类App列表Fragment的简单实现" href="../w3cnote/android-tutorial-fragment-demo5.html" >5.2.5 Fragment实例精讲——新闻(购物)类App列表Fragment的简单实现</a></li>
	
		
	<li><a target="_top" data-id="13478" title="6.1 数据存储与访问之——文件存储读写" href="../w3cnote/android-tutorial-file.html" >6.1 数据存储与访问之——文件存储读写</a></li>
	
		
	<li><a target="_top" data-id="13523" title="6.2 数据存储与访问之——SharedPreferences保存用户偏好参数" href="../w3cnote/android-tutorial-sharedpreferences.html" >6.2 数据存储与访问之——SharedPreferences保存用户偏好参数</a></li>
	
		
	<li><a target="_top" data-id="13574" title="6.3.1 数据存储与访问之——初见SQLite数据库" href="../w3cnote/android-tutorial-sqlite-intro.html" >6.3.1 数据存储与访问之——初见SQLite数据库</a></li>
	
		
	<li><a target="_top" data-id="13590" title="6.3.2 数据存储与访问之——又见SQLite数据库" href="../w3cnote/android-tutorial-sqlite-2.html" >6.3.2 数据存储与访问之——又见SQLite数据库</a></li>
	
		
	<li><a target="_top" data-id="13601" title="7.1.1 Android网络编程要学的东西与Http协议学习" href="../w3cnote/android-tutorial-http.html" >7.1.1 Android网络编程要学的东西与Http协议学习</a></li>
	
		
	<li><a target="_top" data-id="13607" title="7.1.2 Android Http请求头与响应头的学习" href="../w3cnote/android-tutorial-http-response-header.html" >7.1.2 Android Http请求头与响应头的学习</a></li>
	
		
	<li><a target="_top" data-id="13620" title="7.1.3 Android HTTP请求方式:HttpURLConnection" href="../w3cnote/android-tutorial-httpurlconnection.html" >7.1.3 Android HTTP请求方式:HttpURLConnection</a></li>
	
		
	<li><a target="_top" data-id="13631" title="7.1.4 Android HTTP请求方式:HttpClient" href="../w3cnote/android-tutorial-httpclient.html" >7.1.4 Android HTTP请求方式:HttpClient</a></li>
	
		
	<li><a target="_top" data-id="13633" title="7.2.1 Android XML数据解析" href="../w3cnote/android-tutorial-xml.html" >7.2.1 Android XML数据解析</a></li>
	
		
	<li><a target="_top" data-id="13681" title="7.2.2 Android JSON数据解析" href="../w3cnote/android-tutorial-json.html" >7.2.2 Android JSON数据解析</a></li>
	
		
	<li><a target="_top" data-id="13685" title="7.3.1 Android 文件上传" href="../w3cnote/android-tutorial-upload-file.html" >7.3.1 Android 文件上传</a></li>
	
		
	<li><a target="_top" data-id="13688" title="7.3.2 Android 文件下载（1）" href="../w3cnote/android-tutorial-download1.html" >7.3.2 Android 文件下载（1）</a></li>
	
		
	<li><a target="_top" data-id="13697" title="7.3.3 Android 文件下载（2）" href="../w3cnote/android-tutorial-download2.html" >7.3.3 Android 文件下载（2）</a></li>
	
		
	<li><a target="_top" data-id="13706" title="7.4 Android 调用 WebService" href="../w3cnote/android-tutorial-webservice.html" >7.4 Android 调用 WebService</a></li>
	
		
	<li><a target="_top" data-id="13724" title="7.5.1 WebView(网页视图)基本用法" href="../w3cnote/android-tutorial-webview.html" >7.5.1 WebView(网页视图)基本用法</a></li>
	
		
	<li><a target="_top" data-id="13731" title="7.5.2 WebView和JavaScrip交互基础" href="../w3cnote/android-tutorial-webview-javascrip.html" >7.5.2 WebView和JavaScrip交互基础</a></li>
	
		
	<li><a target="_top" data-id="13738" title="7.5.3 Android 4.4后WebView的一些注意事项" href="../w3cnote/android-tutorial-webview-attention.html" >7.5.3 Android 4.4后WebView的一些注意事项</a></li>
	
		
	<li><a target="_top" data-id="13748" title="7.5.4 WebView文件下载" href="../w3cnote/android-tutorial-webview-download-file.html" >7.5.4 WebView文件下载</a></li>
	
		
	<li><a target="_top" data-id="13751" title="7.5.5 WebView缓存问题" href="../w3cnote/android-tutorial-webview-cache.html" >7.5.5 WebView缓存问题</a></li>
	
		
	<li><a target="_top" data-id="13756" title="7.5.6 WebView处理网页返回的错误码信息" href="../w3cnote/android-tutorial-webview-error-code.html" >7.5.6 WebView处理网页返回的错误码信息</a></li>
	
		
	<li><a target="_top" data-id="13760" title="7.6.1 Socket学习网络基础准备" href="../w3cnote/android-tutorial-socket-intro.html" >7.6.1 Socket学习网络基础准备</a></li>
	
		
	<li><a target="_top" data-id="13768" title="7.6.2 基于TCP协议的Socket通信(1)" href="../w3cnote/android-tutorial-socket1.html" >7.6.2 基于TCP协议的Socket通信(1)</a></li>
	
		
	<li><a target="_top" data-id="13775" title="7.6.3 基于TCP协议的Socket通信(2)" href="../w3cnote/android-tutorial-socket2.html" >7.6.3 基于TCP协议的Socket通信(2)</a></li>
	
		
	<li><a target="_top" data-id="13788" title="7.6.4 基于UDP协议的Socket通信" href="../w3cnote/android-tutorial-udp-socket.html" >7.6.4 基于UDP协议的Socket通信</a></li>
	
		
	<li><a target="_top" data-id="14013" title="8.1.1 Android中的13种Drawable小结 Part 1" href="../w3cnote/android-tutorial-drawable1.html" >8.1.1 Android中的13种Drawable小结 Part 1</a></li>
	
		
	<li><a target="_top" data-id="14018" title="8.1.2 Android中的13种Drawable小结 Part 2" href="../w3cnote/android-tutorial-drawable2.html" >8.1.2 Android中的13种Drawable小结 Part 2</a></li>
	
		
	<li><a target="_top" data-id="14035" title="8.1.3 Android中的13种Drawable小结 Part 3" href="../w3cnote/android-tutorial-drawable3.html" >8.1.3 Android中的13种Drawable小结 Part 3</a></li>
	
		
	<li><a target="_top" data-id="14092" title="8.2.1 Bitmap(位图)全解析 Part 1" href="../w3cnote/android-tutorial-bitmap1.html" >8.2.1 Bitmap(位图)全解析 Part 1</a></li>
	
		
	<li><a target="_top" data-id="14102" title="8.2.2 Bitmap引起的OOM问题" href="../w3cnote/android-tutorial-bitmap2.html" >8.2.2 Bitmap引起的OOM问题</a></li>
	
		
	<li><a target="_top" data-id="14113" title="8.3.1 三个绘图工具类详解" href="../w3cnote/android-tutorial-drawable-tool.html" >8.3.1 三个绘图工具类详解</a></li>
	
		
	<li><a target="_top" data-id="14144" title="8.3.2 绘图类实战示例" href="../w3cnote/android-tutorial-bitmap-demo.html" >8.3.2 绘图类实战示例</a></li>
	
		
	<li><a target="_top" data-id="14301" title="8.3.3 Paint API之—— MaskFilter(面具)" href="../w3cnote/android-tutorial-maskfilter.html" >8.3.3 Paint API之—— MaskFilter(面具)</a></li>
	
		
	<li><a target="_top" data-id="14307" title="8.3.4 Paint API之—— Xfermode与PorterDuff详解(一)" href="../w3cnote/android-tutorial-xfermode-porterduff.html" >8.3.4 Paint API之—— Xfermode与PorterDuff详解(一)</a></li>
	
		
	<li><a target="_top" data-id="14343" title="8.3.5 Paint API之—— Xfermode与PorterDuff详解(二)" href="../w3cnote/android-tutorial-xfermode-porterduff2.html" >8.3.5 Paint API之—— Xfermode与PorterDuff详解(二)</a></li>
	
		
	<li><a target="_top" data-id="14387" title="8.3.6 Paint API之—— Xfermode与PorterDuff详解(三)" href="../w3cnote/android-tutorial-xfermode-porterduff3.html" >8.3.6 Paint API之—— Xfermode与PorterDuff详解(三)</a></li>
	
		
	<li><a target="_top" data-id="14398" title="8.3.7 Paint API之—— Xfermode与PorterDuff详解(四)" href="../w3cnote/android-tutorial-xfermode-porterduff4.html" >8.3.7 Paint API之—— Xfermode与PorterDuff详解(四)</a></li>
	
		
	<li><a target="_top" data-id="14410" title="8.3.8 Paint API之—— Xfermode与PorterDuff详解(五)" href="../w3cnote/android-tutorial-xfermode-porterduff5.html" >8.3.8 Paint API之—— Xfermode与PorterDuff详解(五)</a></li>
	
		
	<li><a target="_top" data-id="14411" title="8.3.9 Paint API之—— ColorFilter(颜色过滤器)(1/3)" href="../w3cnote/android-tutorial-colorfilter1.html" >8.3.9 Paint API之—— ColorFilter(颜色过滤器)(1/3)</a></li>
	
		
	<li><a target="_top" data-id="14427" title="8.3.10 Paint API之—— ColorFilter(颜色过滤器)(2-3)" href="../w3cnote/android-tutorial-colorfilterl2.html" >8.3.10 Paint API之—— ColorFilter(颜色过滤器)(2-3)</a></li>
	
		
	<li><a target="_top" data-id="14430" title="8.3.11 Paint API之—— ColorFilter(颜色过滤器)(3-3)" href="../w3cnote/android-tutorial-colorfilter3.html" >8.3.11 Paint API之—— ColorFilter(颜色过滤器)(3-3)</a></li>
	
		
	<li><a target="_top" data-id="14517" title="8.3.12 Paint API之—— PathEffect(路径效果)" href="../w3cnote/android-tutorial-patheffect.html" >8.3.12 Paint API之—— PathEffect(路径效果)</a></li>
	
		
	<li><a target="_top" data-id="14520" title="8.3.13 Paint API之—— Shader(图像渲染)" href="../w3cnote/android-tutorial-shader.html" >8.3.13 Paint API之—— Shader(图像渲染)</a></li>
	
		
	<li><a target="_top" data-id="14523" title="8.3.14 Paint几个枚举/常量值以及ShadowLayer阴影效果" href="../w3cnote/android-tutorial-shadowlayer.html" >8.3.14 Paint几个枚举/常量值以及ShadowLayer阴影效果</a></li>
	
		
	<li><a target="_top" data-id="14538" title="8.3.15 Paint API之——Typeface(字型)" href="../w3cnote/android-tutorial-typeface.html" >8.3.15 Paint API之——Typeface(字型)</a></li>
	
		
	<li><a target="_top" data-id="14589" title="8.3.16 Canvas API详解(Part 1)" href="../w3cnote/android-tutorial-canvas-api1.html" >8.3.16 Canvas API详解(Part 1)</a></li>
	
		
	<li><a target="_top" data-id="14678" title="8.3.17 Canvas API详解(Part 2)剪切方法合集" href="../w3cnote/android-tutorial-canvas-api2.html" >8.3.17 Canvas API详解(Part 2)剪切方法合集</a></li>
	
		
	<li><a target="_top" data-id="14692" title="8.3.18 Canvas API详解(Part 3)Matrix和drawBitmapMesh" href="../w3cnote/android-tutorial-canvas-api3.html" >8.3.18 Canvas API详解(Part 3)Matrix和drawBitmapMesh</a></li>
	
		
	<li><a target="_top" data-id="14718" title="8.4.1 Android动画合集之帧动画" href="../w3cnote/android-tutorial-animation.html" >8.4.1 Android动画合集之帧动画</a></li>
	
		
	<li><a target="_top" data-id="14722" title="8.4.2 Android动画合集之补间动画" href="../w3cnote/android-tutorial-alphaanimation.html" >8.4.2 Android动画合集之补间动画</a></li>
	
		
	<li><a target="_top" data-id="14730" title="8.4.3 Android动画合集之属性动画-初见" href="../w3cnote/android-tutorial-valueanimator.html" >8.4.3 Android动画合集之属性动画-初见</a></li>
	
		
	<li><a target="_top" data-id="14768" title="8.4.4 Android动画合集之属性动画-又见" href="../w3cnote/android-tutorial-valueanimator2.html" >8.4.4 Android动画合集之属性动画-又见</a></li>
	
		
	<li><a target="_top" data-id="14149" title="9.1 使用SoundPool播放音效(Duang~)" href="../w3cnote/android-tutorial-soundpool.html" >9.1 使用SoundPool播放音效(Duang~)</a></li>
	
		
	<li><a target="_top" data-id="14612" title="9.2 MediaPlayer播放音频与视频" href="../w3cnote/android-tutorial-mediaplayer.html" >9.2 MediaPlayer播放音频与视频</a></li>
	
		
	<li><a target="_top" data-id="14831" title="9.3 使用Camera拍照" href="../w3cnote/android-tutorial-camera.html" >9.3 使用Camera拍照</a></li>
	
		
	<li><a target="_top" data-id="14832" title="9.4 使用MediaRecord录音" href="../w3cnote/android-tutorial-mediarecord.html" >9.4 使用MediaRecord录音</a></li>
	
		
	<li><a target="_top" data-id="14156" title="10.1 TelephonyManager(电话管理器)" href="../w3cnote/android-tutorial-telephonymanager.html" >10.1 TelephonyManager(电话管理器)</a></li>
	
		
	<li><a target="_top" data-id="14163" title="10.2 SmsManager(短信管理器)" href="../w3cnote/android-tutorial-smsmanager.html" >10.2 SmsManager(短信管理器)</a></li>
	
		
	<li><a target="_top" data-id="14166" title="10.3 AudioManager(音频管理器)" href="../w3cnote/android-tutorial-audiomanager.html" >10.3 AudioManager(音频管理器)</a></li>
	
		
	<li><a target="_top" data-id="14319" title="10.4 Vibrator(振动器)" href="../w3cnote/android-tutorial-vibrator.html" >10.4 Vibrator(振动器)</a></li>
	
		
	<li><a target="_top" data-id="14400" title="10.5 AlarmManager(闹钟服务)" href="../w3cnote/android-tutorial-alarmmanager.html" >10.5 AlarmManager(闹钟服务)</a></li>
	
		
	<li><a target="_top" data-id="14438" title="10.6 PowerManager(电源服务)" href="../w3cnote/android-tutorial-powermanager.html" >10.6 PowerManager(电源服务)</a></li>
	
		
	<li><a target="_top" data-id="14697" title="10.7 WindowManager(窗口管理服务)" href="../w3cnote/android-tutorial-windowmanager.html" >10.7 WindowManager(窗口管理服务)</a></li>
	
		
	<li><a target="_top" data-id="14702" title="10.8 LayoutInflater(布局服务)" href="../w3cnote/android-tutorial-layoutinflater.html" >10.8 LayoutInflater(布局服务)</a></li>
	
		
	<li><a target="_top" data-id="14737" title="10.9 WallpaperManager(壁纸管理器)" href="../w3cnote/android-tutorial-wallpapermanager.html" >10.9 WallpaperManager(壁纸管理器)</a></li>
	
		
	<li><a target="_top" data-id="14743" title="10.10 传感器专题(1)——相关介绍" href="../w3cnote/android-tutorial-sensor1.html" >10.10 传感器专题(1)——相关介绍</a></li>
	
		
	<li><a target="_top" data-id="14746" title="10.11 传感器专题(2)——方向传感器" href="../w3cnote/android-tutorial-sensor2.html" >10.11 传感器专题(2)——方向传感器</a></li>
	
		
	<li><a target="_top" data-id="14778" title="10.12 传感器专题(3)——加速度/陀螺仪传感器" href="../w3cnote/android-tutorial-sensor3.html" >10.12 传感器专题(3)——加速度/陀螺仪传感器</a></li>
	
		
	<li><a target="_top" data-id="14835" title="10.12 传感器专题(4)——其他传感器了解" href="../w3cnote/android-tutorial-sensor4.html" >10.12 传感器专题(4)——其他传感器了解</a></li>
	
		
	<li><a target="_top" data-id="14837" title="10.14 Android GPS初涉" href="../w3cnote/android-tutorial-gps.html" >10.14 Android GPS初涉</a></li>
	
		
	<li><a target="_top" data-id="14846" title="11.0《2015最新Android基础入门教程》完结散花~" href="../w3cnote/android-tutorial-end.html" >11.0《2015最新Android基础入门教程》完结散花~</a></li>
	
		
	<li><a target="_top" data-id="19314" title="12.1Android 实战 ：DrySister看妹子应用(第一版) -- 项目搭建与简单实现" href="../w3cnote/android-tutorial-exercise-1.html" >12.1Android 实战 ：DrySister看妹子应用(第一版) -- 项目搭建与简单实现</a></li>
	
		
	<li><a target="_top" data-id="19321" title="12.2 DrySister看妹子应用(第一版)——2.解析后台数据" href="../w3cnote/android-tutorial-exercise-2.html" >12.2 DrySister看妹子应用(第一版)——2.解析后台数据</a></li>
	
		
	<li><a target="_top" data-id="19334" title="12.3 DrySister看妹子应用(第一版)——3.图片加载优化(写个图片缓存小框架)" href="../w3cnote/android-tutorial-exercise-3.html" >12.3 DrySister看妹子应用(第一版)——3.图片加载优化(写个图片缓存小框架)</a></li>
	
		
	<li><a target="_top" data-id="19349" title="12.4 DrySister看妹子应用(第一版)——4.添加数据缓存(加入SQLite)" href="../w3cnote/android-tutorial-exercise-4.html" >12.4 DrySister看妹子应用(第一版)——4.添加数据缓存(加入SQLite)</a></li>
	
		
	<li><a target="_top" data-id="19355" title="12.5 DrySister看妹子应用(第一版)——5.代码回顾，调整与日志类编写" href="../w3cnote/android-tutorial-exercise-5.html" >12.5 DrySister看妹子应用(第一版)——5.代码回顾，调整与日志类编写</a></li>
	
		
	<li><a target="_top" data-id="19386" title="12.6 DrySister看妹子应用(第一版)——6.图标制作，混淆，签名打包，APK瘦身，应用发布" href="../w3cnote/android-tutorial-exercise-6-html.html" >12.6 DrySister看妹子应用(第一版)——6.图标制作，混淆，签名打包，APK瘦身，应用发布</a></li>
	
	</ul></div>	</div>
</div>


<!-- 底部 -->
<div id="footer" class="mar-t50">
   <div class="runoob-block">
    <div class="runoob cf">
     <dl>
      <dt>
       在线实例
      </dt>
      <dd>
       &middot;<a target="_blank" href="../html/html-examples.html">HTML 实例</a>
      </dd>
      <dd>
       &middot;<a target="_blank" href="../css/css-examples.html">CSS 实例</a>
      </dd>
      <dd>
       &middot;<a target="_blank" href="../js/js-examples.html">JavaScript 实例</a>
      </dd>
      <dd>
       &middot;<a target="_blank" href="../ajx/ajax-examples.html">Ajax 实例</a>
      </dd>
       <dd>
       &middot;<a target="_blank" href="../jquery/jquery-examples.html">jQuery 实例</a>
      </dd>
      <dd>
       &middot;<a target="_blank" href="../xml/xml-examples.html">XML 实例</a>
      </dd>
      <dd>
       &middot;<a target="_blank" href="../java/java-examples.html">Java 实例</a>
      </dd>
     
     </dl>
     <dl>
      <dt>
      字符集&工具
      </dt>
      <dd>
       &middot; <a target="_blank" href="../charsets/html-charsets.html">HTML 字符集设置</a>
      </dd>
      <dd>
       &middot; <a target="_blank" href="../tags/html-ascii.html">HTML ASCII 字符集</a>
      </dd>
     <dd>
       &middot; <a target="_blank" href="https://c.runoob.com/front-end/6939/">JS 混淆/加密</a>
      </dd> 
      <dd>
       &middot; <a target="_blank" href="https://c.runoob.com/front-end/6232/">PNG/JPEG 图片压缩</a>
      </dd>
      <dd>
       &middot; <a target="_blank" href="../tags/html-colorpicker.html">HTML 拾色器</a>
      </dd>
      <dd>
       &middot; <a target="_blank" href="..//c.runoob.com/front-end/53">JSON 格式化工具</a>
      </dd>
      <dd>
       &middot; <a target="_blank" href="..//c.runoob.com/front-end/6680/">随机数生成器</a>
      </dd>
     </dl>
     <dl>
      <dt>
       最新更新
      </dt>
                   <dd>
       &middot;
      <a href="../matplotlib/matplotlib-imread.html" title="Matplotlib imread() 方法">Matplotlib imre...</a>
      </dd>
              <dd>
       &middot;
      <a href="../matplotlib/matplotlib-imsave.html" title="Matplotlib imsave() 方法">Matplotlib imsa...</a>
      </dd>
              <dd>
       &middot;
      <a href="../matplotlib/matplotlib-imshow.html" title="Matplotlib imshow() 方法">Matplotlib imsh...</a>
      </dd>
              <dd>
       &middot;
      <a href="../matplotlib/matplotlib-hist.html" title="Matplotlib 直方图">Matplotlib 直方图</a>
      </dd>
              <dd>
       &middot;
      <a href="../python3/python-func-object.html" title="Python object() 函数">Python object()...</a>
      </dd>
              <dd>
       &middot;
      <a href="../python3/python-ai-draw.html" title="Python AI 绘画">Python AI 绘画</a>
      </dd>
              <dd>
       &middot;
      <a href="../w3cnote/cursor-editor.html" title="神辅助 Cursor 编辑器，加入 GPT-4 让编码更轻松！">神辅助 Cursor ...</a>
      </dd>
             </dl>
     <dl>
      <dt>
       站点信息
      </dt>
      <dd>
       &middot;
       <a target="_blank" href="mailto:admin@runoob.com" rel="external nofollow">意见反馈</a>
       </dd>
      <dd>
       &middot;
      <a target="_blank" href="../disclaimer">免责声明</a>
       </dd>
      <dd>
       &middot;
       <a target="_blank" href="../aboutus">关于我们</a>
       </dd>
      <dd>
       &middot;
      <a target="_blank" href="../archives">文章归档</a>
      </dd>
    
     </dl>
    
     <div class="search-share">
      <div class="app-download">
        <div>
         <strong>关注微信</strong>
        </div>
      </div>
      <div class="share">
      <img width="128" height="128" src="/wp-content/themes/runoob/assets/images/qrcode.png" />
       </div>
     </div>
     
    </div>
   </div>
   <div class="w-1000 copyright">
     Copyright &copy; 2013-2023    <strong><a href="../" target="_blank">菜鸟教程</a></strong>&nbsp;
    <strong><a href="../" target="_blank">runoob.com</a></strong> All Rights Reserved. 备案号：<a target="_blank" rel="nofollow" href="https://beian.miit.gov.cn/">闽ICP备15012807号-1</a>
   </div>
  </div>
  <div class="fixed-btn">
    <a class="go-top" href="javascript:void(0)" title="返回顶部"> <i class="fa fa-angle-up"></i></a>
    <a class="qrcode"  href="javascript:void(0)" title="关注我们"><i class="fa fa-qrcode"></i></a>
    <a class="writer" style="display:none" href="javascript:void(0)"   title="标记/收藏"><i class="fa fa-star" aria-hidden="true"></i></a>
    <!-- qrcode modal -->
    <div id="bottom-qrcode" class="modal panel-modal hide fade in">
      <h4>微信关注</h4>
      <div class="panel-body"><img alt="微信关注" width="128" height="128" src="/wp-content/themes/runoob/assets/images/qrcode.png"></div> 
    </div>
  </div>

 <div style="display:none;">
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-84264393-2"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());

  gtag('config', 'UA-84264393-2');
</script>
<script>
var _hmt = _hmt || [];
(function() {
  var hm = document.createElement("script");
  hm.src = "https://hm.baidu.com/hm.js?3eec0b7da6548cf07db3bc477ea905ee";
  var s = document.getElementsByTagName("script")[0]; 
  s.parentNode.insertBefore(hm, s);
})();
</script>

</div>
<script>
window.jsui={
    www: 'https://www.runoob.com',
    uri: 'https://www.runoob.com/wp-content/themes/runoob'
};
</script>

<script src=""></script>
<script src=""></script>

</body>
</html>